<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="nav" style="height:80px;
       line-height:80px;
       background:#ededed;
       border-radius:0 0 15px 15px;">
    <label style="float:left; width:70px; text-align:center;"><a th:href="@{/registration}">Sign up</a></label>
</div>
<!--<div th:include="pages :: header"></div>-->
<div class="page-header">
    <h1 align="center">Login</h1>
</div>
<div style="display: table; margin-right: auto; margin-left: auto;">
    <p th:if="${error}" class="error">Wrong username or password! Please try again!</p>
    <form th:action="@{/auth/login}" method="post">
        <table>
            <tr>
                <td>Username:</td>
                <td><input type="text" id="username" name="username" autofocus="autofocus"/></td>
            </tr>
            <tr>
                <td>Password:</td>
                <td><input type="password" id="password" name="password"/></td>
            </tr>
            <tr>
                <td>Remember me:</td>
                <td><input type="checkbox" name="remember-me"/></td>
            </tr>
            <tr>
                <td style="border: none;"></td>
                <td>
                    <input type="submit" value="Login">
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>